.layer{position:fixed;width:600px;z-index:999;top:50%;left:50%;background:#fff;box-shadow:1px 1px 50px rgba(0,0,0,.3);margin:0;padding:0;border-radius:2px;transform:translate(-50%,-50%) scale(0);opacity:0;transition:.5s;}
.layer.on{transform:translate(-50%,-50%) scale(1);opacity:1;transition:.5s;}
.layer-left p{margin:0;white-space:nowrap;}
.layer-left{width:360px;height:358px;float:left;padding-left:20px;}
.layer-left .layer-city{font-size:15px;font-weight:300;color:#333;padding-top:12px;}
.layer-left .layer-city span{padding-left:4px;}
.layer-left .layer-title{font-size:25px;font-weight:600;color:#333;line-height:1.9;margin-top:7px;}
.layer-left .layer-time p{font-size:14px;color:#333;line-height:1;padding:5px 0 15px;font-weight:400;}
.layer-left .layer-radio label{display:inline-block;height:26px;padding:0 16px;line-height:26px;margin-right:10px;text-align:center;font-size:14px;border:1px solid #e1e1e1;background:#f6f6f6;cursor:pointer;color:#808080;}
.layer-left .layer-radio label.checked{border-color:#ff7a01;color:#ff7a01;font-weight:bold;}
.layer-left .layer-major p{font-size:15px;color:#333;line-height:1;padding:18px 0 15px;font-weight:400;}
.layer-left .layer-check label{display:inline-block;width:56px;margin:0 6px 12px 0;line-height:28px;font-size:12px;cursor:pointer;border-radius:2px;padding-left:20px;background:#dfdfdf url(../images/0.png) no-repeat 4px center;background-size:12px 12px;}
.layer-left .layer-check label.checked{color:#fff;background-image:url(../images/1.png);background-color:#ff7a01;}
.layer-left .layer-radio input,.layer-left .layer-check input{display:none;}
.layer-left .layer-info{margin-top:5px;}
.layer-left .layer-info input{display:inline-block;width:97px;height:30px;line-height:30px;color:#757474;margin:0 5px 5px 0;background:#f5f5f5;border:1px solid #e1e0e0;padding-left:6px;font-weight:200;outline:none;}
.layer-left .layer-val{font-size:15px;line-height:1;color:#666;}
.layer-left .layer-val span{color:#ff3701}
.layer-left .layer-btn{margin-top:10px;}
.layer-left .layer-btn button{display:inline-block;width:140px;height:40px;background:#fb0000;text-align:center;color:#fff;line-height:40px;font-weight:300;font-size:16px;border:none;margin-right:9px;cursor:pointer;}
.layer-left .layer-btn a{display:inline-block;width:180px;height:40px;background:#ffcf48;text-align:center;color:#000;line-height:40px;font-weight:300;font-size:16px;margin-right:9px;text-decoration:none;}
.layer-right{width:220px;height:358px;float:right;position:relative;overflow:hidden;}
.layer-right a{display:block;width:100%;height:100%;}
.layer-right img{display:block;width:100%;}
.layer-right .layer-right-tl{position:absolute;top:0;left:0;width:53px;height:61px;background:url(../images/hslbk.png) no-repeat center;}
.layer-right .layer-close{position:absolute;top:0;right:0;width:38px;height:39px;background:#ff7a01 url(../images/close.png) no-repeat center;cursor:pointer;}